<template>
  <div class="VuedemoTool">
    <router-view></router-view>
    
     <!-- <el-container>
      <el-header height="50px">
        <HeaderCompent></HeaderCompent>
      </el-header>
      <el-container>
        <el-aside width="200px">
          <Asider></Asider>
        </el-aside>
        <el-main>
          <router-view/>
        </el-main>
      </el-container>
    </el-container> -->
  </div>
</template>

<script>
// import Asider from '../src/components/asider.vue'
import Asider from '../../components/asider.vue'
import HeaderCompent from '../../components/headerCompent.vue'
export default {
  name: 'VuedemoTool',
 components:{
    Asider,
    HeaderCompent
  },
  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="scss" scoped>
  .VuedemoTool{
    margin: 0 auto;
  }
  .el-main{
  height:calc(100vh - 50px);
}
.el-header{
  border-bottom: 1px solid #7da79482;
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #3eaf7c;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(26, 224, 69, 0.2);
  border-radius: 10px;
  background: #ededed;
}
</style>